<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据类型转换</title>
</head>

<body>
    <script>
        // 转换为字符串
        /*  1.toString()
            2.String()  强制转换
            *3. + 号拼接字符串
        */

        //1.把数字型转换为字符串型 变量.toString()
        var num = 10;
        var str = num.toString();
        console.log(str);
        console.log(typeof str);

        //2.利用String函数
        console.log(String(num));
        console.log(typeof str);

        //3.利用 + 拼接字符串的方法实现转换效果,字符串拼接结果还是字符串
        console.log(num + '');
        console.log(typeof str);


        // 转换为数字型 
        var age = prompt("请输入一个数字");
        // 1.parseInt(变量) 可以把字符型的转换为数字型,得到的是整数
        console.log(parseInt(age)); //22.9 会取整22
        console.log(typeof parseInt(age)); //number

        // 2.parseFloat(变量) 可以把字符型的转换为小数型(浮点型), 得到的是小数
        console.log(parseFloat(age)); // 22.9 得到的也是22.9
        console.log(typeof parseFloat(age)); //number

        //3.Number(变量)
        var str2 = '123';
        console.log(Number(str2));
        console.log(Number('666'));
        console.log(typeof Number('666')); // number

        //4.利用算数运算 - * /  (隐式转换)
        console.log('12' - 0);
        console.log(typeof('12' - 0));
        console.log('100' - '90');
        console.log(typeof('100' - '90'));
        console.log('100' * 2);
        console.log(typeof('100' * 2));


        // 小案例
        /* 1，弹出输入框，让用户输入出生年份
        2，吧用户输入的值用变量保存起来，然后用今年的年份减去变量值，结果就是现在的年龄
        3，弹出警示框（alert）输出结果
        */
    </script>

</body>

</html>